<template>
  <div>
    <ul>
      <li v-for="val in arr">{{val}}</li>
    </ul>
    <button @click="play">{{msg}}</button>
  </div>
</template>

<script>
export default {
   data () {
     return {
        arr:["帅哥","美女","程序员"],
        msg:"走一走"
     }
   },
   methods: {
     play(){
     this.arr.push(this.arr[0])
     this.arr.shift()
     }
   }
}
</script>

<style>

</style>